<!DOCTYPE html>
<html>
<head>
    <title>Ultraline</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/chrome.css">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<div id="wrapper">
<header>
    <div id="logo"></div>
    <div id="content">
        <div id="head-left">
            <button id="btn_top">ЗАКАЗАТЬ БЕСПЛАТНЫЙ ЗВОНОК</button>
            <button id="btn_bottom">НУЖНА КОНСУЛЬТАЦИЯ?</button>
            <div class="clear"></div>
            <p id="info">*1 уе. = 9100 рублей; безнал. = 10300 рублей</p>
        </div>
        <!-- End head-left -->
        <div id="head-right">
            <div id="contacts">
                <div id="contacts-left">
                    <ul>
                        <li id="item_1"><span class="mini">(029)&nbsp</span>622&nbsp22&nbsp22</li>
                        <li id="item_2"><span class="mini">(029)&nbsp</span>722&nbsp22&nbsp22</li>
                        <li id="item_3">ultraline_by</li>
                    </ul>
                </div>
                <!-- End contacts-left -->
                <div id="contacts-right">
                    <ul>
                        <li id="item_4">ultraline@rambler.ru</li>
                        <li id="item_5"><span class="mini">(017)&nbsp</span>222&nbsp22&nbsp22</li>
                        <li id="item_6">Время работы:&nbsp9.00-22.00</li>
                    </ul>
                </div>
            </div>
            <!-- End contacts -->
            <div class="clear"></div>
            <div id="registration">
                <ul>
                    <li id="item_reg_1">Регистрация</li>
                    <li class="sep"></li>
                    <li id="item_reg_2">Войти</li>
                    <li class="sep"></li>
                    <li id="item_reg_3">Ваша корзина</li>
                </ul>
            </div>
            <!-- End registration -->
        </div>
        <!-- End head-right -->
    </div>
    <!-- End content -->
    <div class="clear"></div>
    <div id="nav">
        <ul>
            <li id="home"><a href="#"><img src="image/navigation/home.png" height="28" width="30"></a></li>
            <li class="sep_nav"></li>
            <li class="item"><a href="#">КАТАЛОГ</a></li>
            <li class="sep_nav"></li>
            <li class="item"><a href="#">КАК КУПИТЬ</a></li>
            <li class="sep_nav"></li>
            <li class="item"><a href="#">ДОСТАВКА</a></li>
            <li class="sep_nav"></li>
            <li class="item"><a href="#">ГАРАНТИЯ</a></li>
            <li class="sep_nav"></li>
            <li class="item"><a href="#">ГАРАНТИЯ</a></li>
            <li class="sep_nav"></li>
            <li class="item"><a href="#">О МАГАЗИНЕ</a></li>

        </ul>
    </div>
    <!-- End nav -->
    <div class="clear"></div>
    <div id="advertising">
        <div id="banner_left">
            <img src="image/banner_left.png" height="90" width="509">
        </div>
        <!-- End banner_left -->
        <div id="banner_right">
            <img src="image/banner_right.png" height="90" width="728">
        </div>
    </div>
    <!-- End advertising -->
</header>
<!-- End header -->
<section>
    <div id="products">
        <div class="whiteblock">
            <img src="image/product/apple.png" alt="">

            <H1>Мир Apple</H1>
            <ul>
                <li><a href="">IPad с Retina Display</a></li>
                <li><a href="">IPad Мини</a></li>
                <li><a href="">MacBook Pro</a></li>
                <li><a href="">MacBook Air </a></li>
            </ul>
            <a href="" class="button_more"></a>
        </div>
        <div class="whiteblock">
            <img src="image/product/notebook.png" alt="">

            <H1>Ноутбуки / Ультра буки </H1>
            <ul>
                <li><a>Портативные компьютеры
                    <br>/ноутбуки / Ultrabook</a></li>
                <li><a>Ultrabook</a></li>
                <li><a>Компьютеры</a></li>
                <li><a>Ноутбуки - Аксессуары</a></li>
            </ul>
            <a href="" class="button_more"></a>
        </div>
        <div class="whiteblock">
            <img src="image/product/tablet.png" alt="">

            <H1>Планшеты / Смартфоны</H1>
            <ul>
                <li><a>Таблетки и аксессуары</a></li>
                <li><a>Смартфон / Мобильные</a></li>
                <li><a>GPS</a></li>
                <li><a>Медиаплееры</a></li>
            </ul>
            <a href="" class="button_more"></a>
        </div>
        <div class="whiteblock">
            <img src="image/product/pc.png" alt="">

            <H1>Моноблоки /компьютеры</H1>
            <ul>
                <li><a>Моноблоки</a></li>
                <li><a>Компьютеры</a></li>
                <li><a>Аксессуары</a></li>
            </ul>
            <a href="" class="button_more"></a>
        </div>
        <div class="whiteblock">
            <img src="image/product/console.png" alt="">

            <H1>Игровые консоли</H1>
            <ul>
                <li><a>Консоли</a></li>
                <li><a>Игровые контроллеры</a></li>
                <li><a>Аксессуары PlayStation</a></li>
                <li><a>XBOX</a></li>
            </ul>
            <a href="" class="button_more"></a>
        </div>
        <div class="whiteblock">
            <img src="image/product/camera.png" alt="">

            <H1>Цифровые видеоы</H1>
            <ul>
                <li><a>Цифровые видео камеры</a></li>
                <li><a>Флэш-память</a></li>
                <li><a>Аксессуары</a></li>
            </ul>
            <a href="" class="button_more"></a>
        </div>
        <div class="whiteblock">
            <img src="image/product/camera2.png" alt="">

            <H1>Цифровые фотокамеры</H1>
            <ul>
                <li><a>Цифровые камеры и аксессуары</a></li>
                <li><a>Флэш-память</a></li>
                <li><a>Фоторамки</a></li>
                <li><a>Цифровые камеры\
                    <br>Сумки</a></li>
            </ul>
            <a href="" class="button_more"></a>
        </div>
        <div class="whiteblock">
            <img src="image/product/accessories.png" alt="">

            <H1>Аксессуары</H1>
            <ul>
                <li><a>Сумки и чехлы</a></li>
                <li><a>Клавиатуры</a></li>
                <li><a>Мыши</a></li>
                <li><a>Кабели и адаптеры</a></li>
            </ul>
            <a href="" class="button_more"></a>
        </div>
    </div>
    <div id="news">
        <div id="news_header"><a href=""> <span class="button_more"></span> НОВОСТИ \ ОБЗОРЫ </a></div>
        <div class="newsblock">
            <img src="image/infoblock_notebook.png" alt="">

            <div class="description_news">
                <p>
                    Cienkie, lekkie, eleganckie – nowe notebooki Acer Aspire V5
                    Do naszej oferty dołączyły właśnie nowe modele wyjątkowych notebooków Acer Aspire V5, które zadziwią
                    Cię swoich subtelnym wyglądem, świetną wydajnością i przystępną ceną. Smukłe,
                </p>
            </div>
            <div class="newsblock_a"><a href=""> <span class="arrow"></span> ПОДРОБНЕЕ </a></div>
        </div>
        <div class="newsblock">
            <img src="image/infoblock_notebook.png" alt="">

            <div class="description_news">
                <p>
                    Cienkie, lekkie, eleganckie – nowe notebooki Acer Aspire V5
                    Do naszej oferty dołączyły właśnie nowe modele wyjątkowych notebooków Acer Aspire V5, które zadziwią
                    Cię swoich subtelnym wyglądem, świetną wydajnością i przystępną ceną. Smukłe,
                </p>
            </div>
            <div class="newsblock_a"><a href=""> <span class="arrow"></span> ПОДРОБНЕЕ </a></div>
        </div>
    </div>
    <div id="popular">
        <div id="popular_header"><a href=""> <span class="button_more"></span> ПОПУЛЯРНОЕ </a></div>
        <div class="detailblock">
            <img src="image/detail_mobile.png" alt="">

            <div class="description_popular">
                <p>PREMIERA ASUS Google Nexus 7 II!
                    Prosto od ASUS i Google! Wydajny procesor 4x1.5 GHz, matryca IPS LED 1920x1200, najnowszy Android
                    4.3 Jelly Bean, do 10h na baterii, pamięć 16 GB, moduły NFC, GPS, Bluetooth 4.0, doskonały dźwięk
                    Fraunhofer
                </p>
            </div>
            <div class="detailblock_a">
                <a href=""> <span class="arrow2"></span> КУПИТЬ </a></div>
                <div class="price">
                    <p align="center">цена <br>
                        999.99</p>
                </div>
        </div>
        <div class="detailblock">
            <img src="image/detail_mobile.png" alt="">

            <div class="description_popular">
                <p>PREMIERA ASUS Google Nexus 7 II!
                    Prosto od ASUS i Google! Wydajny procesor 4x1.5 GHz, matryca IPS LED 1920x1200, najnowszy Android
                    4.3 Jelly Bean, do 10h na baterii, pamięć 16 GB, moduły NFC, GPS, Bluetooth 4.0, doskonały dźwięk
                    Fraunhofer
                </p>

            </div>

            <div class="detailblock_a">
                <a href=""> <span class="arrow2"></span> КУПИТЬ </a>
            </div>
            <div class="price">
                <p align="center">цена <br>
                    999.99</p>
            </div>
        </div>
    </div>
</section>
<footer>
    <div id="footer_nav">
        <div class="item">
            <a href=""><p align="center">КРЕДИТ</p></a>
        </div>
        <div class="footer_sep"></div>
        <div class="item">
            <a href=""><p align="center">РАССРОЧКА</p></a>
        </div>
        <div class="footer_sep"></div>
        <div class="item">
            <a href=""><p align="center">ПОДБОР ТОВАРА</p></a>
        </div>
        <div class="footer_sep"></div>
        <div class="item">
            <a href=""><p align="center">РАСПРОДАЖИ \ АКЦИИ</p></a>
        </div>
        <div id="grad_line">
            <img src="image/grad_line.png">
        </div>
    </div>
    <div id="left" class="footer_column">
        <ul>
            <li id="item_f_1">
                <span class="mini">&nbsp(029)&nbsp</span>622 22 22
            </li>
            <li id="item_f_2">
                <span class="mini">(029)&nbsp</span>722 22 22
            </li>
        </ul>
    </div>
    <div id="middle" class="footer_column">
        <ul>
            <li id="item_f_3">
                ultraline@rambler.ru
            </li>
            <li id="item_f_4">
                ultraline_by
            </li>
        </ul>
    </div>
    <div id="right" class="footer_column">
        <ul>
            <li id="item_f_5">
                <span class="mini">(029)&nbsp</span>222 22 22
            </li>
            </li>
            <li id="item_f_6" >
                Время работы:&nbsp9.00-22.00
            </li>
        </ul>
    </div>
    <div id="pluso">
        <script type="text/javascript">(function () {
            if (window.pluso)if (typeof window.pluso.start == "function") return;
            if (window.ifpluso == undefined) {
                window.ifpluso = 1;
                var d = document, s = d.createElement('script'), g = 'getElementsByTagName';
                s.type = 'text/javascript';
                s.charset = 'UTF-8';
                s.async = true;
                s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js';
                var h = d[g]('body')[0];
                h.appendChild(s);
            }
        })();</script>
        <div class="pluso" data-background="transparent" data-options="medium,round,line,horizontal,nocounter,theme=01"
             data-services="vkontakte,facebook,twitter"></div>
    </div>
</footer>
</div>
</body>
</html>